<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>官渡区人民政府</title>
		<script src="https://libs.baidu.com/jquery/1.7.2/jquery.min.js"></script>
		<script src="js/vue.min.js"></script>
		<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
		<link rel="stylesheet" href="css/animate.min.css">
		<link rel="stylesheet" href="css/lunbo.css">
		<style>
			body {
				margin: 0px;
				padding: 0px;
			}

			/*顶部信息*/
			.gd {
				height: 320px;
				width: 1200px;
				background-color: #0074dd;
				margin: 0px auto;
				float: left;
				left: 10%;
				position: absolute;
				border-radius: 0 0 20px 20px;
				z-index: 1;
			}

			.gd_tp {
				width: 100%;
				height: 91px;
				z-index: 1;
				position: absolute;
				bottom: 140px;
				text-align: center;
			}

			.gd_wz {
				height: 70px;
				line-height: 70px;
				border-radius: 0 0 100px 100px;
			}

			.gd_wz_ul {
				margin-top: -25px;
				list-style: none;
				font-size: 20px;
				color: #ffffff;
			}

			.gd_wz_ul_li {
				float: left;
				position: relative;
				padding-right: 65px;
				text-decoration: none;
			}
			.gd_wz_ul_li:hover{
				cursor: pointer;
				color: #FFFFFF;		
			}
			div>ul:last-child li div {
				display: none;
			}
			div>ul:last-child li:hover div{
				display: block;
				border-bottom: 1px solid #0055FF;
				width: 130px;
				height: 50px;
				background-color: #FFFFFF;
				z-index: 2;
				text-align: center;
				line-height: 50px;
			}
			
			/*内容*/
			.xx {
				height: 70px;
				width: 90%;
				background-color: #ffffff;
				margin-left: 10%;
			}

			.xx_left {
				width: 41.5%;
				height: 50px;
				background-color: #f4f4f4;
				float: left;
				position: relative;
				color: red;
				margin-top: 20px;
				line-height: 50px;
			}

			.xx_right {
				width: 44%;
				height: 50px;
				float: left;
				color: red;
				margin-top: 20px;
				line-height: 50px;
				margin-left: 35px;
				background-color: #f4f4f4;
			}

			.xx_left_1 {
				float: left;
			}

			.xx_left_2 {
				height: 50px;
				float: left;
				margin-left: 20px;
			}
			

			.xx_right_1 {
				float: left;
				margin-left: 20px;
			}

			.xx_right_2 {
				width: 75%;
				height: 50px;
				float: left;
				margin-left: 20px;
			}

			.class1 {
				height: 400px;
				width: 1200px;
				margin: 0px auto;
				margin-right: 163px;
				border: 0.5px solid gray;
			}

			.class1_1 {
				width: 561px;
				height: 100%;
				float: left;
				background-color: #f4f4f4;
				border-right: 18px solid #ffffff;
			}

			.class1_2 {
				width: 620px;
				height: 100%;
				float: left;
			}

			.gd_wz_ul2 {
				list-style: none;
				font-size: 20px;
				color: #0000ff;
				width: 580px;
				height: 380px;
			}

			.gd_wz_ul2_li {
				float: left;
				height: 70px;
				width: 23%;
				line-height: 70px;
				text-align: center;
				background-color: #f4f4f4;
			}
			.gd_wz_ul2_li:hover {
				cursor: pointer;
				background-color: #0055ff;
				color: #FFFFFF;
			}

			.class2 {
				height: 84px;
				width: 79%;
				margin: 0px auto;
				line-height: 84px;
				text-align: center;
				margin-top: 10px;
			}

			.class3 {
				height: 84px;
				width: 79%;
				margin: 0px auto;
				line-height: 84px;
				text-align: center;
			}

			.class3:hover {
				cursor: pointer;
			}

			.class4 {
				border: 0.5px solid gray;
				height: 415px;
				width: 79%;
				margin: 0px auto;
			}

			.class4_1 {
				width: 100%;
				height: 70px;
				line-height: 70px;
				color: #2248ad;
				text-indent: 2em;
				font-size: 20px;
				border-bottom: 3px solid #284db1;
			}

			#div1 {
				color: #d0bd70;
				margin-right: 20px;
				margin-top: 25px;
				position: absolute;
				margin-left: 900px;
			}

			#div1:hover {
				cursor: pointer;
			}

			.class4_2 {
				float: left;
				margin-left: 20px;
			}

			.class4_2:hover {
				cursor: pointer;
			}

			.class4_2_1 {
				width: 400px;
				height: 318px;
				float: left;
			}

			.class4_2_1_1 {
				width: 100%;
				height: 50%;
				background-color: #f4f4f4;
			}

			#div2 {
				float: right;
				font-size: 10px;
				margin-top: 20px;
				color: #0000FF;
			}

			#div2:hover {
				cursor: pointer;
			}

			.class4_2_1_1_new {
				line-height: 40px;
				width: 90%;
				height: 40px;
				border-left: 4px solid #0074dd;
				color: #274eb3;
				text-indent: 1em;
			}

			#div3 {
				margin-top: 20px;
				content: ".";
				color: gray;
			}

			.class5 {
				width: 85%;
				height: 100px;
				float: left;
				margin-left: 130px;
				text-align: center;
			}

			.class5_1 {
				float: left;
			}

			#div4 {
				margin-top: 110px;
			}

			.class6 {
				height: 398px;
				width: 100%;
				margin-top: 20px;
			}

			.class6_1 {
				height: 100%;
				width: 39%;
				margin-right: 16px;
				margin-left: 159px;
				float: left;
			}

			.class6_1_1 {
				width: 100%;
				height: 70px;
				line-height: 70px;
				color: #2248ad;
				text-indent: 2em;
				font-size: 20px;
				border-bottom: 3px solid #284db1;
			}

			.class6_1_1_1 {
				width: 160px;
				height: 87px;
				background-color: #00007F;
				line-height: 87px;
				margin: 10px;
			}

			.class6_1_1_2 {
				height: 100px;
				width: 100%;
			}

			.class6_1_1_2_1 {
				width: calc(90%/3);
				height: 70px;
				float: left;
				text-align: center;
				margin-top: 10px;
				background-color: #f2f8fd;
				margin-left: 5px;
				padding-right: 10px;
				font-size: 15px;
			}

			#div6 {
				color: #d0bd70;
				margin-right: 20px;
				margin-top: 25px;
				position: absolute;
				margin-left: 274px;
			}

			.class6_1_1_2_1:hover {
				cursor: pointer;
			}

			.class6_2 {
				height: 70%;
				width: 65%;
				margin-left: 750px;
				text-align: center;
			}

			.class6_2_1 {
				width: 160px;
				height: 140px;
				display: inline-block;
				margin: 10px;
			}

			.class6_2_1:hover {
				cursor: pointer;
			}

			.class7 {
				height: 432px;
				width: 77%;
				margin: 0px auto;
				color: #2248ad
			}

			.class7_1 {
				font-size: 20px;
				border-bottom: 3px solid #224eb8;
				padding: 29px;
				margin: 20px;
			}

			.class7_2 {
				margin: 10px;
				background-color: #f4f4f4;
				width: 350px;
				height: 10%;
				text-align: center;
				line-height: 45px;
				float: left;
			}

			.class7_2:hover {
				cursor: pointer;
				background-color: #0074dd;
				color: #FFFFFF;
				
			}

			.class7_3 {
				width: 60%;
				height: 70%;
				float: left;
				margin-left: 20px;
			}
				
			.class7_3_1{
				z-index: 1;
				float: left;
				width: 22%;
				height: 14%;
				border-color: 1px solid #FF0000;
				margin: 10px;
				background-color: #f2f8fd;
				text-align: center;
				line-height: 40px;
			}
			.class7_3_2{
				z-index: -1;
				float: left;
				width: 22%;
				height: 14%;
				border-color: 1px solid #FF0000;
				margin: 10px;
				background-color: #f2f8fd;
				text-align: center;
				line-height: 56px;
				display: none;
			}
			.class7_4 {
				float: left;
				margin-left: 50px;
			}

			.class8 {
				height: 412px;
				width: 77%;
				margin: 0px auto;
			}

			.class8_1 {
				text-align: center;
				color: #0074dd;
				font-size: 20px;
				line-height: 50px;
				width: 100%;
				height: 50px;
				border-bottom: 3px solid #0074DD;
				margin-top: 50px;
			}

			.class8_2 {
				height: 362px;
				width: 100%;
				float: left;
			}

			.class8_2_1 {
				width: calc(95%/4);
				height: 100%;
				float: left;
				margin: 5px;
			}

			.class8_2_1_1 {}

			.class8_2_1_2 {
				margin-top: 10px;
			}

			.class9 {
				height: 182px;
				width: 77%;
				margin: 0px auto;
			}

			.class9_2 {
				width: 100%;
				height: 132px;
				border: 0.3px solid gray;
				float: left;
				text-align: center;
			}
			.class9_2:hover{
				cursor: pointer;
			}
			.class10 {
				width: 100%;
				height: 304px;
				background-color: #0074dd;
			}

			.class10_1 {
				height: 250px;
				width: 1200px;
				margin: 0px auto;
			}

			.class10_1_1 {
				width: 100%;
				height: 80px;
				border-bottom: 0.5px solid #FFFFFF;
				text-align: center;
				line-height: 130px;
				font-size: 5px;
				color: #FFFFFF;
			}

			.class10_1_2 {
				width: 100%;
				height: 30%;
				font-size: 5px;
				color: #FFFFFF;
				text-align: center;
			}
			.main{
				width: 580px;
				height: 330px;
			}
			.main_1{
				width: 600px;
				height: 70px;
				position: absolute;
				margin-left: 600px;
				background-color: #f4f4f4;
				line-height: 70px;
				text-align: center;
			}
			
			.main_1>div{
				width: calc(100%/4);
				height: 100%;
				box-sizing: border-box;
				float: left;	
				text-align: center;
			}
			
			.main_2{
				width: 100%;
				height: calc(100% - 70px);
				margin-left: 600px;
			}
			
			.div_defule{
				position: absolute;
				display: none;
				margin-top: 70px;
			}
			
			.show{
				display: block;
			}
		</style>
	</head>
	<body>
		<div class="gd">
			<img src="http://www.kmgd.gov.cn/images/img/banner.jpg" />
			<div class="gd_tp">
				<img src="http://www.kmgd.gov.cn/images/img/logo.png">
			</div>
			<div class="gd_wz">
				<ul class="gd_wz_ul">
					<li class="gd_wz_ul_li"><b><a target="_blank" href="http://www.kmgd.gov.cn/">首页</a></b></li>
					<li class="gd_wz_ul_li"><b><a target="_blank" href="http://www.kmgd.gov.cn/zjgd/">走进官渡</a></b>
						<div class="gd_wz_ul_li_1">
							<a href="http://www.kmgd.gov.cn/zfxxgk/fdzdgknr/zfld/">政府领导</a>
						</div>
						<div class="gd_wz_ul_li_1">
							<a href="http://www.kmgd.gov.cn/zjgd/qqjs/">区情介绍</a>
						</div>
						<div class="gd_wz_ul_li_1">
							<a href="http://www.kmgd.gov.cn/zjgd/cwzl/">创文专栏</a>
						</div>
						<div class="gd_wz_ul_li_1">
							<a href="http://www.kmgd.gov.cn/zjgd/gdly/">官渡掠影</a>
						</div>
						<div class="gd_wz_ul_li_1">
							<a href="http://www.kmgd.gov.cn/zjgd/whls/">文化历史</a>
						</div>
					</li>
					<li class="gd_wz_ul_li"><b><a target="_blank" href="http://www.kmgd.gov.cn/gdwx/">官渡网讯</a></b>
						<div class="gd_wz_ul_li_1">
							<a href="http://www.kmgd.gov.cn/gdwx/zwyw/">政务要闻</a>
						</div>
						<div class="gd_wz_ul_li_1">
							<a href="http://www.kmgd.gov.cn/gdwx/bmdt/">部门动态</a>
						</div>
						<div class="gd_wz_ul_li_1">
							<a href="http://www.kmgd.gov.cn/gdwx/jddt/">街道动态</a>
						</div>
					</li>
					<li class="gd_wz_ul_li"><b><a target="_blank" href="http://www.kmgd.gov.cn/tzgd/">投资官渡</a></b>
						<div class="gd_wz_ul_li_1">
							<a href="http://www.kmgd.gov.cn/tzgd/zsdt/">招商动态</a>
						</div>
						<div class="gd_wz_ul_li_1">
							<a href="http://www.kmgd.gov.cn/tzgd/tzzc/">投资政策</a>
						</div>
						<div class="gd_wz_ul_li_1">
							<a href="http://www.kmgd.gov.cn/tzgd/zsxm/">招商项目</a>
						</div>
						<div class="gd_wz_ul_li_1">
							<a href="http://www.kmgd.gov.cn/tzgd/jjtj/">经济统计</a>
						</div>
						<div class="gd_wz_ul_li_1">
							<a href="http://www.kmgd.gov.cn/tzgd/jnjp/">节能减排</a>
						</div>
					</li>
					<li class="gd_wz_ul_li"><b><a target="_blank" href="http://www.kmgd.gov.cn/gddj/">官渡党建</a></b>
						<div class="gd_wz_ul_li_1">
							<a href="http://www.kmgd.gov.cn/gddj/jcdj/">基层党建</a>
						</div>
						<div class="gd_wz_ul_li_1">
							<a href="http://www.kmgd.gov.cn/gddj/gbgz/">干部工作</a>
						</div>
						<div class="gd_wz_ul_li_1">
							<a href="http://www.kmgd.gov.cn/gddj/rcgz/">人才工作</a>
						</div>
						<div class="gd_wz_ul_li_1">
							<a href="http://www.kmgd.gov.cn/gddj/zsjs/">自身建设</a>
						</div>
					</li>
					<li class="gd_wz_ul_li"><b><a target="_blank" href="http://www.kmgd.gov.cn/zfxxgk/fdzdgknr/zfxxgkmlx/">政府信息公开</a></b>
						<div class="gd_wz_ul_li_1">
							<a href="http://www.kmgd.gov.cn/zfxxgk/zfxxgkzn/">信息公开指南</a>
						</div>
						<div class="gd_wz_ul_li_1">
							<a href="http://www.kmgd.gov.cn/zfxxgk/zfxxgkzd/">信息公开制度</a>
						</div>
						<div class="gd_wz_ul_li_1">
							<a href="http://www.kmgd.gov.cn/zfxxgk/zcwj/">政策文件</a>
						</div>
						<div class="gd_wz_ul_li_1">
							<a href="http://www.kmgd.gov.cn/zfxxgk/fdzdgknr/">主动公开内容</a>
						</div>
						<div class="gd_wz_ul_li_1">
							<a href="http://www.kmgd.gov.cn/zfxxgk/zfxxgknb/">信息公开年报</a>
						</div>
					</li>
					<li class="gd_wz_ul_li"><b><a target="_blank" href="https://zwfw.yn.gov.cn/portal/#/home?regnCode=530111000000&&&regnName=%E5%AE%98%E6%B8%A1%E5%8C%BA&regnlevel=2">政务服务</a></b></li>
					<li class="gd_wz_ul_li" style="padding-right: 0px;"><b><a target="_blank" href="http://www.kmgd.gov.cn/hdjl/">互动交流</a></b>
						<div class="gd_wz_ul_li_1">
							<a href="http://www.kmgd.gov.cn/hdjl/qcxx/">领导信箱</a>
						</div>
						<div class="gd_wz_ul_li_1">
							<a href="http://www.kmgd.gov.cn/hdjl/lyslfkqktj/">留言情况统计</a>
						</div>
						<div class="gd_wz_ul_li_1">
							<a href="http://www.kmgd.gov.cn/hdjl/zxdc/">调查征集</a>
						</div>
						<div class="gd_wz_ul_li_1">
							<a href="http://https--www--clzg--cn.proxy.kmgd.gov.cn/">政民互动</a>
						</div>
						<div class="gd_wz_ul_li_1">
							<a href="http://www.kmgd.gov.cn/hdjl/hdft/">在线访谈</a>
						</div>
						<div class="gd_wz_ul_li_1">
							<a href="http://www.kmgd.gov.cn/hdjl/cjwtwd/">常见问题问答</a>
						</div>
					</li>
				</ul>
			</div>
		</div><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
		<div class="xx">
			<div class="xx_left">
				<div class="xx_left_1">
					&nbsp;&nbsp;&nbsp;&nbsp;<b>国务院信息:</b>
				</div>
				<div class="xx_left_2">
					<marquee behavior=" alternate" scrollamount="10"> <a href="http://www.gov.cn/zhengce/content/2021-09/03/content_5635110.htm" >
					国务院关于推进自由贸易投资便利化改革创新若干措施的通知</a></marquee>
				</div>
			</div>
			<div class="xx_right">
				<div class="xx_right_1">
					&nbsp;&nbsp;&nbsp;&nbsp;<b>省政府信息:</b>
				</div>
				<div class="xx_right_2">
					<marquee behavior=" alternate" scrollamount="10"><a href="http://www.gov.cn/guowuyuan/2021-09/01/content_5634837.htm">
					王毅同法国总统外事顾问博纳通电话
					</a></marquee>
				</div>
			</div>
		</div>
		<div class="class1">
			<div class="class1_1">
				<!-- jquery22 轮播插件 -->
				<div class="carousel" @mouseenter="enter" @mouseleave="leave">
					<transition-group tag="ul" name="image" enter-active-class="animated lightSpeedIn"
						leave-active-class="animated lightSpeedOut">
						<li v-for='(image,index) in img' :key='index' v-show="index === mark">
							<a href="javascript:;">
								<img :src="image">
							</a>
						</li>
					</transition-group>
					<div class="bullet">
						<span v-for="(item,index) in img.length" :class="{'active':index === mark}"
							@click="change(index)" :key="index"></span>
					</div>
					<div class="switch">
						<span class="prev" @click="prev">&lt;</span>
						<span class="next" @click="next">&gt;</span>
					</div>
				</div>
			</div>
			<div class="main">
				<div class="main_1">
					<div  class="title" id="titl1"><a href="http://www.kmgd.gov.cn/gdwx/zwyw/">
					政府要闻
					</a></div>
					<div class="title" id="titl2"><a href="http://www.kmgd.gov.cn/gdwx/bmdt/">
					部门动态
					</a></div>
					<div class="title" id="titl3"><a href="http://www.kmgd.gov.cn/gdwx/jddt/">
					街道动态
					</a></div>
					<div class="title" id="titl4"><a href="http://www.kmgd.gov.cn/zfxxgk/fdzdgknr/gsgg/">
					公示公告
					</a></div>
				</div>
				<div class="main_2">
					<div id="desc1" class="div_defule ">
						<ul>
							<li><a href="http://www.kmgd.gov.cn/c/2021-09-16/5410161.shtml">
							 习近平向2021“一带一路”·长城国际民间文化艺术节致贺信</a>
							</li><br>
							<li><a href="http://www.kmgd.gov.cn/c/2021-09-16/5410161.shtml">
							 李克强主持召开国务院常务会议 审议全民医疗保障</a>	
							</li><br>
							<li><a href="http://www.kmgd.gov.cn/c/2021-09-16/5410161.shtml">
							 习近平在陕西榆林考察时强调：解放思想改革创新再接再厉 谱写陕</a>	
							</li><br>
							<li><a href="http://www.kmgd.gov.cn/c/2021-09-16/5410161.shtml">
							 李克强在北京协和医院考察并召开医学专家座谈会</a>	
							</li><br>
							<li><a href="http://www.kmgd.gov.cn/c/2021-09-16/5410161.shtml">
							 习近平在陕西榆林考察调研</a>	
							</li><br>
							<li><a href="http://www.kmgd.gov.cn/c/2021-09-16/5410161.shtml">
							 习近平谈能源产业：走绿色低碳发展道路</a>	
							</li><br>
							</ul>
					</div>
					<div id="desc2" class="div_defule show">
						<ul>
							<li><a href="http://www.kmgd.gov.cn/c/2021-09-16/5410161.shtml">
							 官渡区举办离退休干部学习贯彻习近平总书记“七一”重要讲话精神</a>
							</li><br>
							<li><a href="http://www.kmgd.gov.cn/c/2021-09-16/5410161.shtml">
							 昆明市官渡区交通运输局党组召开意识形态专题工作会议</a>	
							</li><br>
							<li><a href="http://www.kmgd.gov.cn/c/2021-09-16/5410161.shtml">
							 官渡区交通运输局积极迎接2021年档案管理规范化复查工作</a>	
							</li><br>
							<li><a href="http://www.kmgd.gov.cn/c/2021-09-16/5410161.shtml">
							 官渡区交通运输局党史学习教育工作</a>	
							</li><br>
							<li><a href="http://www.kmgd.gov.cn/c/2021-09-16/5410161.shtml">
							 官渡区市场监督管理局强化校园及周边食品安全监管 确保未成年人</a>	
							</li><br>
							<li><a href="http://www.kmgd.gov.cn/c/2021-09-16/5410161.shtml">
							 学习民法典护航新时代美好生活</a>	
							</li><br>
							</ul>
					</div>
					<div id="desc3" class="div_defule">
						<ul>
							<li><a href="http://www.kmgd.gov.cn/c/2021-09-16/5410161.shtml">
							 六甲街道：“1 ＋3＋N”模式抓好常态化</a>
							</li><br>
							<li><a href="http://www.kmgd.gov.cn/c/2021-09-16/5410161.shtml">
							 小板桥街道中闸社区：“双报到”志愿带“你”走进村落</a>	
							</li><br>
							<li><a href="http://www.kmgd.gov.cn/c/2021-09-16/5410161.shtml">
							 小板桥街道鸣泉社区：“儿童之家”做好“暑期儿童关爱”上好“</a>	
							</li><br>
							<li><a href="http://www.kmgd.gov.cn/c/2021-09-16/5410161.shtml">
							 区政府主要领导调研吴井新村社区老旧小区改造工作</a>	
							</li><br>
							<li><a href="http://www.kmgd.gov.cn/c/2021-09-16/5410161.shtml">
							 金马街道：党建引领共发展，结对共建激活力</a>	
							</li><br>
							<li><a href="http://www.kmgd.gov.cn/c/2021-09-16/5410161.shtml">
							 金马街道：凝聚“五个放心” 深入推进“我为群众办实事”</a>	
							</li><br>
							</ul>
					</div>
					<div id="desc4" class="div_defule">
						<ul>
							<li><a href="http://www.kmgd.gov.cn/c/2021-09-16/5410161.shtml">
							 官渡区五里多（城中村）改造项目历史文化遗产保护对象调查评估情</a>
							</li><br>
							<li><a href="http://www.kmgd.gov.cn/c/2021-09-16/5410161.shtml">
							 昆明市官渡区住房和城乡建设局关于核准自贸昆明片区官渡区域2021</a>	
							</li><br>
							<li><a href="http://www.kmgd.gov.cn/c/2021-09-16/5410161.shtml">
							 昆明市官渡区人力资源和社会保障局关于 批准劳务派遣经营许可事</a>	
							</li><br>
							<li><a href="http://www.kmgd.gov.cn/c/2021-09-16/5410161.shtml">
							 昆明市 官渡区人力资源和社会保障局关于批准人力资源服务机构许</a>	
							</li><br>
							<li><a href="http://www.kmgd.gov.cn/c/2021-09-16/5410161.shtml">
							 关于《昆明东方动物医院世纪城分院建设项目环境影响报告表》的批</a>	
							</li><br>
							<li><a href="http://www.kmgd.gov.cn/c/2021-09-16/5410161.shtml">
							 关于《昆明东方动物医院玫瑰湾分院建设项目环境影响报告表》的批</a>	
							</li><br>
							</ul>
						</div>
				</div>
			</div>
				<div class="class1_2_2">

				</div>
			</div>
		</div>
		<div class="class2">
			<a href="http://www.km.gov.cn/2020xxxjpzsjxljh/">
				<img src="http://www.km.gov.cn/upload/resources/image/2020/12/15/3379143.jpg" ></a>
			<a href="http://www.km.gov.cn/zt/jqyqfk-kmzxd/">
				<img src="http://www.km.gov.cn/upload/resources/image/2021/08/18/3521419.jpg" ></a>
			<a href="http://www.km.gov.cn/zt/lwlb/">
				<img src="http://www.km.gov.cn/upload/resources/image/2020/12/15/3379142.jpg" ></a>
		</div>
		<div class="class3">
			<a href="http://www.kmgd.gov.cn/jczwgk/">
			<img src="http://www.kmgd.gov.cn/upload/resources/image/2020/10/28/2281272.jpg"></a>
		</div>
		<div class="class4">
			<div class="class4_1">
				<span><b>走进官渡</b></span><span id="div1"><img src="http://www.kmgd.gov.cn/images/img/more.png"></span>
			</div>
			<div class="class4_2">
				<div class="class4_2_1">
					<div class="class4_2_1_1">
						<div class="class4_2_1_1_new">
							文化历史<span id="div2"><a href="http://www.kmgd.gov.cn/zjgd/whls/">查看更多</a></span>
						</div>
						<ul>
							<li id="div3"><a href="http://www.kmgd.gov.cn/c/2019-12-20/3847970.shtml">“2019发展中国家文化遗产保护研修班”参观官渡古镇文化遗产及旅游开发</a></li>
							<li id="div3"><a href="http://www.kmgd.gov.cn/c/2017-08-01/1101048.shtml">官渡广场金刚塔</a></li>
						</ul>
					</div>
					<div class="class4_2_1_1">
						<div class="class4_2_1_1_new">
							区情介绍<span id="div2"><a href="http://www.kmgd.gov.cn/zjgd/qqjs/">查看更多</a></span>
						</div>
						<ul>
							<li id="div3"><a href="http://www.kmgd.gov.cn/c/2021-02-01/3088698.shtml">昆明市官渡区概况</a></li>
							<li id="div3"><a href="http://www.kmgd.gov.cn/c/2017-05-18/1086469.shtml">【旅游服务】</a></li>
						</ul>
					</div>
				</div>
				<div class="class4_2">
					<a href="http://www.kmgd.gov.cn/zjgd/gdly/"><img src="http://www.kmgd.gov.cn/upload/resources/image/2020/08/21/2208773.png"></a>
				</div>
				<div class="class4_2">
					<a href="http://www.kmgd.gov.cn/c/2019-10-09/3776591.shtml"><img src="http://www.kmgd.gov.cn/upload/resources/image/2020/08/21/2208375.png"></a>
				</div>
				<div class="class4_2">
					<a href="http://www.kmgd.gov.cn/zfxxgk/fdzdgknr/zfld/"><img src="http://www.kmgd.gov.cn/upload/resources/image/2020/08/21/2208798.png"></a>
				</div>
			</div>
		</div>
		<div class="class5">
			<div class="class5_1">
				<a href="http://www.km.gov.cn/kmysqgk/app/form/county/kmgd"><img src="http://www.kmgd.gov.cn/upload/resources/image/2020/01/21/2048349.png"></a>
			</div>
			<div class="class5_1">
				<a href="http://www.kmgd.gov.cn/zfxxgk/zfxxgknb/2020n/"><img src="http://www.kmgd.gov.cn/upload/resources/image/2021/01/26/2394953.jpg"></a>
			</div>
		</div>
		<div class="class4" id="div4">
			<div class="class4_1">
				<span><b>投资官渡</b></span><span id="div1"><img src="http://www.kmgd.gov.cn/images/img/more.png"></span>
			</div>
			<div class="class4_2">
				<div class="class4_2_1">
					<div class="class4_2_1_1">
						<div class="class4_2_1_1_new " id="div5">
							招商动态<span id="div2">查看更多</span>
						</div>
						<ul>
							<li id="div3"><a href="http://www.kmgd.gov.cn/c/2021-09-15/5408790.shtml">市场采购贸易商户培训会圆满举办</a></li>
							<li id="div3"><a href="http://www.kmgd.gov.cn/c/2021-09-13/5408785.shtml">官渡广场金刚塔</a></li>
						</ul>
					</div>
				</div>
				<div class="class4_2">
					<a href="http://www.kmgd.gov.cn/tzgd/jjtj/"><img src="http://www.kmgd.gov.cn/upload/resources/image/2019/12/16/1993639.png"></a>
				</div>
				<div class="class4_2">
					<a href="http://www.kmgd.gov.cn/tzgd/jnjp/"><img src="http://www.kmgd.gov.cn/upload/resources/image/2019/12/16/1993621.png"></a>
				</div>
				<div class="class4_2">
					<a href="http://www.kmgd.gov.cn/tzgd/zsxm/"><img src="http://www.kmgd.gov.cn/upload/resources/image/2019/12/16/1993633.png"></a>
				</div>
				<div class="class4_2">
					<a href="http://www.kmgd.gov.cn/tzgd/tzzc/"><img src="http://www.kmgd.gov.cn/upload/resources/image/2019/12/16/1993612.png"></a>
				</div>
			</div>
		</div>
		<div class="class6">
			<div class="class6_1">
				<div class="class6_1_1">
					<span><b>政府信息公开</b></span>
					<span id="div6"><img src="http://www.kmgd.gov.cn/images/img/more.png"></span>
					<div class="class6_1_1_2">
						<a href="http://www.kmgd.gov.cn/zfxxgk/zfxxgkzn/"><div class="class6_1_1_2_1">信息公开指南</div></a>
						<a href="http://www.kmgd.gov.cn/zfxxgk/fdzdgknr/zfgzbg/"><div class="class6_1_1_2_1">政府工作报告</div></a>
						<a href="http://www.kmgd.gov.cn/zfxxgk/zfxxgknb/"><div class="class6_1_1_2_1">公开年度报告</div></a>
					</div>
					<div class="class6_1_1_2">
						<a href="http://www.kmgd.gov.cn/zfxxgk/zcwj/"><div class="class6_1_1_2_1">政府文件</div></a>
						<a href="http://www.kmgd.gov.cn/zfxxgk/fdzdgknr/zcjd/"><div class="class6_1_1_2_1">政策解读</div></a>
						<a href="http://www.kmgd.gov.cn/zfxxgk/fdzdgknr/rsrm/"><div class="class6_1_1_2_1">人事信息</div></a>
					</div>
					<div class="class6_1_1_2">
						<a href="http://www.kmgd.gov.cn/zfxxgk/fdzdgknr/qjczyjs/"><div class="class6_1_1_2_1">财政资金信息</div></a>
						<a href="http://www.kmgd.gov.cn/zfxxgk/fdzdgknr/jytabl/"><div class="class6_1_1_2_1">建议提案办理结果</div></a>
						<a href="http://www.kmgd.gov.cn/zfxxgk/fdzdgknr/zdlyxxgk/"><div class="class6_1_1_2_1">重点领域信息公开</div></a>
					</div>
				</div>
				<div class="class6_2">
					<div class="class6_2_1">
						<a href="http://www.kmgd.gov.cn/gddj/jcdj/"><img src="http://www.kmgd.gov.cn/upload/resources/image/2021/07/21/2562083.png"></a>
					</div>
					<div class="class6_2_1">
						<a href="http://www.kmgd.gov.cn/gddj/gbgz/"><img src="http://www.kmgd.gov.cn/upload/resources/image/2021/07/21/2562085.png"></a>
					</div>
					<div class="class6_2_1">
						<a href="http://www.kmgd.gov.cn/gddj/rcgz/"><img src="http://www.kmgd.gov.cn/upload/resources/image/2021/07/21/2562086.png"></a>
					</div>
					<div class="class6_2_1">
						<a href="http://www.kmgd.gov.cn/gddj/zsjs/"><img src="http://www.kmgd.gov.cn/upload/resources/image/2021/07/21/2562087.png"></a>
					</div>
				</div>
			</div>
			<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
			<div class="class7">
				<div class="class7_1">
					<span><b>公共服务</b></span>
					<span id="div1"><img src="http://www.kmgd.gov.cn/images/img/more.png"></span>
				</div>
				<div class="class7_2"><a href="https://zwfw.yn.gov.cn/portal/#/work-service/personal-matter" target="_blank" >个人办事</a> </div>
				<div class="class7_2"><a href="https://zwfw.yn.gov.cn/portal/#/work-service/legal-matter" target="_blank" >企业办事</a> </div>
				<div class="class7_3">
						<div class="class7_3_1">
							<a href="https://zwfw.yn.gov.cn/portal/#/work-service/guide-detail?id=9e3fad26c5cc46fe980ebcadefb704ee">生育收养</a>
						</div>
						<div class="class7_3_1">
							<a href="https://zwfw.yn.gov.cn/portal/#/work-service/guide-detail?id=227d636b1e57479eb7f359eaea1f8f1a">户籍办理</a>
						</div>
						<div class="class7_3_1">
							<a href="https://zwfw.yn.gov.cn/portal/#/work-service/guide-detail?id=aa8065b01dde445d95db6a394ea4e2ed">民族宗教</a>
						</div>
						<div class="class7_3_1">
							<a href="https://zwfw.yn.gov.cn/portal/#/work-service/guide-detail?id=198be591490e4559a3d1e4798266ba89">教育科研</a>
						</div>
						<div class="class7_3_1">
							<a href="https://zwfw.yn.gov.cn/portal/#/work-service/guide-detail?id=d4bf743551c24c7cb127b2c80a526730">就业创业</a>
						</div>
						<div class="class7_3_1">
							<a href="https://zwfw.yn.gov.cn/portal/#/work-service/guide-detail?id=bf596decd5a044fcb84d9097f01c600f">设立变更</a>
						</div>
						<div class="class7_3_1">
							<a href="https://zwfw.yn.gov.cn/portal/#/work-service/guide-detail?id=7ce7514ab8d04fb1a6ba3e7db857c26d">准办准营</a>
						</div>
						<div class="class7_3_1">
							<a href="https://zwfw.yn.gov.cn/portal/#/work-service/guide-detail?id=1855177bb94946468e393d1fe36b7eea">抵押质押</a>
						</div>
						<div class="class7_3_1">
							<a href="https://zwfw.yn.gov.cn/portal/#/work-service/guide-detail?id=ae0460de13da45578b44da5e22031909">纳税缴费</a>
						</div>
						<div class="class7_3_1">
							<a href="https://zwfw.yn.gov.cn/portal/#/work-service/guide-detail?id=f4bb175e963742659d9cf9e6e8410cc7">婚姻登记</a>
						</div>
						<div class="class7_3_1">
							<a href="https://zwfw.yn.gov.cn/portal/#/work-service/guide-detail?id=6588c3ce989f4cc2ba3208b87c72cca9">烈士评定</a>
						</div>
						<div class="class7_3_1">
							<a href="https://zwfw.yn.gov.cn/portal/#/work-service/guide-detail?id=dff4fb99231b4ae290fc1332ff8eea3e">优待抚恤</a>
						</div>
						<div class="class7_3_1">
							<a href="https://zwfw.yn.gov.cn/portal/#/work-service/guide-detail?id=ca51a65c7f454e508643e1262bc89241">规划建设</a>
						</div>
						<div class="class7_3_1">
							<a href="https://zwfw.yn.gov.cn/portal/#/work-service/guide-detail?id=7b13184bd5c2435fbcc2a6c8afd02b70">医疗卫生</a>
						</div>
						<div class="class7_3_1">
							<a href="https://zwfw.yn.gov.cn/portal/#/work-service/guide-detail?id=694c02e898e14e878c9ae4629f88c2f3">住房保障</a>
						</div>
						<div class="class7_3_1">
							<a href="https://zwfw.yn.gov.cn/portal/#/work-service/guide-detail?id=3e3a5abf76d04894995cf327b8610f09">社会保障</a>
						</div>
						<div class="class7_3_1">
							<a href="https://zwfw.yn.gov.cn/portal/#/work-service/guide-detail?id=17d84759fc55497faa1275dd113bc623">证件办理</a>
						</div>
						<div class="class7_3_1">
							<a href="https://zwfw.yn.gov.cn/portal/#/work-service/guide-detail?id=8507f96b7410457d9c20f725973da5af">出境入境</a>
						</div>
						<div class="class7_3_1">
							<a href="https://zwfw.yn.gov.cn/portal/#/work-service/guide-detail?id=6e345c095e07444f8c09fbaef819a77a">食品安全</a>
						</div>
						<div class="class7_3_1">
							<a href="https://zwfw.yn.gov.cn/portal/#/work-service/guide-detail?id=e6a4aa3fa4244305831ee008e6612362">文化体育</a>
						</div>
						<div class="class7_3_2">
							<a href="https://zwfw.yn.gov.cn/portal/#/work-service/guide-detail?id=402513b9c6c1408ba7bf27e12c233b97">设立变更</a>
						</div>
						<div class="class7_3_2">
							<a href="https://zwfw.yn.gov.cn/portal/#/work-service/guide-detail?id=7ce7514ab8d04fb1a6ba3e7db857c26d">准营准办</a>
						</div>
						<div class="class7_3_2">
							<a href="https://zwfw.yn.gov.cn/portal/#/work-service/guide-detail?id=fefce7d24fe54c5f969577dbc31e9a32">投资审批</a>
						</div>
						<div class="class7_3_2">
							<a href="https://zwfw.yn.gov.cn/portal/#/work-service/guide-detail?id=5a3004ef485e4b36a9e00301f64007b3">年检审批</a>
						</div>
						<div class="class7_3_2">
							<a href="https://zwfw.yn.gov.cn/portal/#/work-service/guide-detail?id=ae0460de13da45578b44da5e22031909">纳税登记</a>
						</div>
						<div class="class7_3_2">
							<a href="https://zwfw.yn.gov.cn/portal/#/work-service/guide-detail?id=15903b3ab85b49a68ab3440c80318ee0	">发票撤销</a>
						</div>
						<div class="class7_3_2">
							<a href="https://zwfw.yn.gov.cn/portal/#/work-service/guide-detail?id=1c5da5391a064f2388a2eac6969a1718">人力资源</a>
						</div>
						<div class="class7_3_2">
							<a href="https://zwfw.yn.gov.cn/portal/#/work-service/guide-detail?id=b9badbc2b96e497bba6363f61191367f">社会保障</a>
						</div>
						<div class="class7_3_2">
							<a href="https://zwfw.yn.gov.cn/portal/#/work-service/guide-detail?id=284abde22912404faecd284b34375fda">融资信贷</a>
						</div>
						<div class="class7_3_2">
							<a href="https://zwfw.yn.gov.cn/portal/#/work-service/guide-detail?id=284abde22912404faecd284b34375fda">抵押质押</a>
						</div>
						<div class="class7_3_2">
							<a href="https://zwfw.yn.gov.cn/portal/#/work-service/guide-detail?id=27fe1313855e4561bacb858fbf4ed183	">商务贸易</a>
						</div>
						<div class="class7_3_2">
							<a href="https://zwfw.yn.gov.cn/portal/#/work-service/guide-detail?id=620a1c38057542b09b400d42e38f92f5">涉外服务</a>
						</div>
						<div class="class7_3_2">
							<a href="https://zwfw.yn.gov.cn/portal/#/work-service/guide-detail?id=9628bfb0bf534ea0a7a1332a1571cdfa">招标投标</a>
						</div>
						<div class="class7_3_2">
							<a href="https://zwfw.yn.gov.cn/portal/#/work-service/guide-detail?id=ca51a65c7f454e508643e1262bc89241">国土规划</a>
						</div>
						<div class="class7_3_2">
							<a href="https://zwfw.yn.gov.cn/portal/#/work-service/guide-detail?id=9663bb813433494c95243a2e89093a3e">交通运输</a>
						</div>
						<div class="class7_3_2">
							<a href="https://zwfw.yn.gov.cn/portal/#/work-service/guide-detail?id=b7f4f201e3574d0399f80be4c069e1eb">医疗卫生</a>
						</div>
						<div class="class7_3_2">
							<a href="https://zwfw.yn.gov.cn/portal/#/work-service/guide-detail?id=98b437b29ae94a34a54f10c4acec41e4">学生资助</a>
						</div>
						<div class="class7_3_2">
							<a href="https://zwfw.yn.gov.cn/portal/#/work-service/guide-detail?id=eaf6e2d67d194a208df7d284090b0887">安全生产</a>
						</div>
						<div class="class7_3_2">
							<a href="https://zwfw.yn.gov.cn/portal/#/work-service/guide-detail?id=6182e2e589da4160bed1b0fd01157ac4">公安消防</a>
						</div>
						<div class="class7_3_2">
							<a href="https://zwfw.yn.gov.cn/portal/#/work-service/guide-detail?id=d480f0632a1e49f9b2d01f244213d923">公用事业</a>
						</div>
				</div>
				<div class="class7_4">
					<a href="http://www.kmgd.gov.cn/zfxxgk/fdzdgknr/zzjg/	"><img src="http://www.kmgd.gov.cn/upload/resources/image/2020/08/19/2206949.png"></a>
				</div>
				<div class="class7_4">
					<a href="http://www.kmgd.gov.cn/zxfw/fwzn/"><img src="http://www.kmgd.gov.cn/upload/resources/image/2020/08/19/2206955.png"></a>
				</div>
				<div class="class7_4">
					<a href="http://www.kmgd.gov.cn/zxfw/bstj/"><img src="http://www.kmgd.gov.cn/upload/resources/image/2020/08/19/2206959.png"></a>
				</div>
			</div>
			<div class="class8">
				<div class="class8_1">
					<b>互动交流</b>
				</div>
				<div class="class8_2">
					<div class="class8_2_1"><img src="images/屏幕截图%202021-09-04%20225531.png"
					style="width: 285px; height: 323px;"></div>
					<div class="class8_2_1">
						<div class="class8_2_1_1">
							<a href="www.weibo.com">
								<img src="images/2.png" 
								style="width: 285px; height: 323px;">
							</a>
						</div>
					</div>
					<div class="class8_2_1">
						<a href="http://kmgd.gov.cn/hdjl/qcxx/"><img src="http://www.kmgd.gov.cn/upload/resources/image/2019/12/16/1995124.png"></a>
						</div>
					<div class="class8_2_1">
						<div class="class8_2_1_2">
							<a href="https://www.clzg.cn/">
							<img src="http://www.kmgd.gov.cn/upload/resources/image/2019/12/16/1993420.png"></a>
						</div>
						<div class="class8_2_1_2">
							<a href="http://www.kmgd.gov.cn/hdjl/zxdc/">
							<img src="http://www.kmgd.gov.cn/upload/resources/image/2019/12/16/1993396.png"></a>
						</div>
						<div class="class8_2_1_2">
							<a href="http://www.kmgd.gov.cn/hdjl/hdft/">
							<img src="http://www.kmgd.gov.cn/upload/resources/image/2019/12/16/1993385.png"></a>
						</div>
					</div>
				</div>
			</div>
			<div class="class9">
				<div class="class8_1">
					<b>专题专栏</b>
				</div>
				<div class="class9_2">
					<marquee behavior=" alternate" scrollamount="10">
					<a href="http://www.kmgd.gov.cn/" >
						<img src="http://www.kmgd.gov.cn/upload/resources/image/2021/06/21/2543753.png" 
					style="width: 270px; height: 128px;"></a>
					<a href="http://www.kmgd.gov.cn/zt/sgszl/" >
						<img src="http://www.kmgd.gov.cn/upload/resources/image/2020/11/27/2352721.jpg" 
					style="width: 270px; height: 128px;"></a>
					<a href="http://www.kmgd.gov.cn/hjbhdc/">
						<img src="http://www.kmgd.gov.cn/upload/resources/image/2019/12/17/1998481.png" 
					style="width: 270px; height: 128px;"></a>
					<a href="http://www.kmgd.gov.cn/zt/shcezxdz/">
						<img src="http://www.kmgd.gov.cn/upload/resources/image/2019/12/17/1998476.png" 
					style="width: 345px; height: 128px;"></a>
					<a href="http://www.kmgd.gov.cn/" >
						<img src="http://www.kmgd.gov.cn/upload/resources/image/2021/04/15/2458022.jpg" 
					style="width: 270px; height: 128px;"></a>
					<a href="http://www.kmgd.gov.cn/zt/bwcxljsm/" >
						<img src="http://www.kmgd.gov.cn/upload/resources/image/2021/04/16/2458379.png" 
					style="width: 270px; height: 128px;"></a>
					<a href="http://www.kmgd.gov.cn/" >
						<img src="http://www.kmgd.gov.cn/upload/resources/image/2021/06/07/2536203.jpg" 
					style="width: 270px; height: 128px;"></a>
					<a href="http://www.kmgd.gov.cn/zjgd/cwzl/" >
						<img src="http://www.kmgd.gov.cn/upload/resources/image/2021/07/21/2562110.jpg" 
					style="width: 270px; height: 128px;"></a>
					<a href="http://qingdan.ynbb.gov.cn/show_s3.html?organizationSn=530111000000" >
						<img src="http://www.kmgd.gov.cn/upload/resources/image/2019/12/16/1996914.png" 
					style="width: 270px; height: 128px;"></a>
					<a href="http://www.kmgd.gov.cn/zt/gdgafjzfgkl/" >
						<img src="http://www.kmgd.gov.cn/upload/resources/image/2019/12/16/1996915.png" 
					style="width: 270px; height: 128px;"></a>
					</marquee>
				</div>
			</div>
			<div class="class10">
				<div class="class10_1">
					<div class="class10_1_1">
						Copyright © 2015 <span id="div">昆明市官渡区人民政府办公室主办</span> 版权所有 All Rights Reserved.
					</div><br />
					<div class="class10_1_2">
						<span>滇ICP备19011957号-1</span><img
							src="http://www.kmgd.gov.cn/images/c77_bg3.png">技术支持电话：0871-67181457 网站地图 网站标识：5301110005
						<br />
						联系我们 地址：昆明市官渡区云秀路2898号国投大厦1号楼 电话：0871—67171639
						<br />
						<img src="http://www.kmgd.gov.cn/images/gongan.png">滇公网安备 53011102000502号
						<br /><br />
						<img src="http://www.km.gov.cn/images/baog.jpg"><img
							src="https://zfwzgl.www.gov.cn/exposure/images/jiucuo.png?v=5301110005 "><img
							src="https://dcs.conac.cn/image/red.png">
					</div>
				</div>
			</div>
			
			<!-- vue 轮播代码 -->
			<script>
			
			    /*
			        轮播逻辑
			        效果 ==> 图片显示第几章的时候，下面的bullet的第几个就要改变成active
			                 点击相应的bullet可以切换到对应的图片
			    */
			
			    //初始化一个vue实例然后挂载到父元素上，并设定数据为图片的数组，以及后面计数用的mark，mark初始值为0
			    var vm = new Vue({
			        el:'.carousel',
			        data:{
			            mark:0,
			            img:[
			                    'http://www.kmgd.gov.cn/upload/resources/image/2021/07/05/2551285.jpg',
			                    'http://www.kmgd.gov.cn/upload/resources/image/2021/06/21/2544059.jpg',
			                    'http://www.kmgd.gov.cn/upload/resources/image/2021/07/05/2551277.jpg',
			                    'http://www.kmgd.gov.cn/upload/resources/image/2021/06/21/2544074.jpg'
			            ],
			            time:null
			        },
			        methods:{   //添加方法
			            change(i){
			                this.mark = i;
			            },
			            prev(){
			                this.mark--;
			                if(this.mark === -1){
			                    this.mark = 3;
			                    return
			                }
			            },
			            next(){
			                this.mark++;
			                if(this.mark === 4){
			                    this.mark = 0;
			                    return
			                }
			            },
			            autoPlay(){
			                this.mark++;
			                if(this.mark === 4){
			                    this.mark = 0;
			                    return
			                }
			            },
			            play(){
			                this.time = setInterval(this.autoPlay,3000);
			            },
			            enter(){
			                console.log('enter')
			                clearInterval(this.time);
			            },
			            leave(){
			                console.log('leave')
			                this.play();
			            }
			        },
			        created(){
			            this.play()
			        }
			    })
			</script>
			
	</body>
	<script type="application/javascript">
		$(".title").on('mouseover',function(e){
			
			var list = $(".main_2")[0].children;
			
			for(var i in list){
				$(list[i]).removeClass("show");
			}
			
			if(e.target.id == "titl1"){
				$("#desc1").addClass("show");
			}else if(e.target.id == "titl2"){
				$("#desc2").addClass("show");
			}else if(e.target.id == "titl3"){
				$("#desc3").addClass("show");
			}else if(e.target.id == "titl4"){
				$("#desc4").addClass("show");
			}
			
		});
	</script>
</html>
